﻿<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="images/apple-favicon.png">
    <link rel="shortcut icon" type="image/png" href="images/favicon.png">

    <title>Wimax - Multipurpose Business And Corporate HTML5 Template</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <!-- Responsive stylesheet  -->
    <link rel="stylesheet" type="text/css" href="css/responsive.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

     


    <!-- Preloader -->
    <div id="loading">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
            </div>
        </div>
    </div>

    <!-- Main Header Start -->
    <header class="main-navbar">
        <div class="topbar-area">
          <div class="container">
              <div class="row">
                  <div class="col-lg-6 col-md-6 col-sm-6 center767">
                      <ul class="topbar-info">
                          <li><p>+099 123 123 123</p></li>
                          <li><p><a href="#">info@yourmail.com</a></p></li>
                      </ul>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-6 center767">
                    <div class="social-icon clearfix">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                  </div>
              </div>
          </div>
        </div>
        <!-- Header navbar start -->
        <div class="header-navbar" id="navbar-main">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <nav class="navbar navbar-default">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="index-one.html"><img src="images/logo/logo.png" alt="">
                                </a>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-hover="dropdown" data-animations="fadeIn">
                                <ul class="nav navbar-nav navbar-right">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="index-one.html">Home one</a>
                                            </li>
                                            <li><a href="index-two.html">Home two</a>
                                            </li>
                                            <li><a href="index-three.html">Home three</a>
                                            </li>
                                            <li><a href="index-four.html">Home four</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About</a></li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="portfolio-grid-3.html">Portfolio Grid 3</a></li>
                                            <li><a href="portfolio-grid-4.html">Portfolio Grid 4</a></li>
                                            <li><a href="portfolio-details.html">Portfolio Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown active">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="blog-gird-3.html">Blog gird 3</a>
                                            </li>
                                            <li><a href="blog-gird-4.html">Blog gird 4</a>
                                            </li>
                                            <li><a href="blog-full-wd.html">Blog full width</a>
                                            </li>
                                            <li><a href="blog-right-sidebar.html">Blog right sidebar</a>
                                            </li>
                                            <li><a href="blog-left-sidebar.html">Blog left sidebar</a>
                                            </li>
                                            <li><a href="blog-details.html">Blog Details</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="services.html">Our Services</a></li>
                                            <li><a href="pricing.html">Our Pricing</a></li>
                                            <li><a href="signin-signup.html">Sign in / Sign Up</a></li>
                                            <li><a href="faq.html">Faq Page</a></li>
                                            <li><a href="404.html">404 Page</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Elements <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu mega-menu">
                                            <div class="row">
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="accordion-element.html">Accordion</a>
                                                <li><a href="button-element.html">button</a>
                                                </li>
                                                <li><a href="clients-element.html">clients</a>
                                                </li>
                                                <li><a href="pricing-table-element.html">pricing table</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="services-element.html">services</a>
                                                <li><a href="tables-element.html">tables</a>
                                                </li>
                                                <li><a href="tabs-element.html">tabs</a>
                                                </li>
                                                <li><a href="team-element.html">team</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="testimonial-element.html">testimonial</a>
                                                <li><a href="timeline-element.html">timeline</a>
                                                </li>
                                                <li><a href="separator-element.html">separator</a>
                                                </li>
                                                <li><a href="promobox-element.html">Promobox</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <img src="images/nav-img.jpg" alt="">
                                              </div>
                                            </div>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Page Title bar -->
    <section class="defult-page-title overlay-black">
      <div class="container clearfix">
          <div class="row">
              <div class="col-sm-6 col-sm-offset-3">
                  <div class="page-title-box center991">
                      <div class="page-title-content">
                        <h2>our <span>Blog</span></h2>
                        <p><a href="index-one.html">Home</a> / <a href="#">Blog</a></p>
                      </div>
                  </div>
              </div>
          </div>
      </div>
    </section>

    <!-- Blog Start -->
    <section class="blog-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".0s">
                         <div class="blog-img">
                            <img src="images/blog/1.jpg" alt="">
                            <div class="post-date">
                                <h3>27 August, 2018</h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".2s">
                         <div class="blog-img">
                            <img src="images/blog/2.jpg" alt="">
                            <div class="post-date">
                                <h3><span>28 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".4s">
                         <div class="blog-img">
                            <img src="images/blog/3.jpg" alt="">
                            <div class="post-date">
                                <h3><span> 30 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".6s">
                         <div class="blog-img">
                            <img src="images/blog/4.jpg" alt="">
                            <div class="post-date">
                                <h3>27 August, 2018</h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".0s">
                         <div class="blog-img">
                            <img src="images/blog/5.jpg" alt="">
                            <div class="post-date">
                                <h3><span>28 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".2s">
                         <div class="blog-img">
                            <img src="images/blog/6.jpg" alt="">
                            <div class="post-date">
                                <h3><span> 30 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".4s">
                         <div class="blog-img">
                            <img src="images/blog/7.jpg" alt="">
                            <div class="post-date">
                                <h3><span>28 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".6s">
                         <div class="blog-img">
                            <img src="images/blog/8.jpg" alt="">
                            <div class="post-date">
                                <h3><span> 30 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
            </div>
            <div class="inner-pagination text-center">
                <nav aria-label="Page navigation">
                  <ul class="pagination m0">
                    <li>
                      <a href="#" aria-label="Previous">
                        <span aria-hidden="true">«</span>
                      </a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li>
                      <a href="#" aria-label="Next">
                        <span aria-hidden="true">»</span>
                      </a>
                    </li>
                  </ul>
                </nav>
            </div>
        </div>
    </section>

    <!-- Footer Start -->
    <footer class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-col about">
                        <h3>About our <span>Wimax</span></h3>
                        <p>Consectetur adipisicing elit. Voluptatum expedita doloremque eligendi vero a adipisci perspiciatis, vel beatae odio dolorum officia minus unde.</p>
                        <ul>
                            <li>
                                <i class="fa fa-map-marker" aria-hidden="true"></i>
                                123, Cornish Street, Burnside, Australia
                            </li>
                            <li>
                                <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                officemail@gmail.com
                            </li>
                            <li>
                                <i class="fa fa-phone" aria-hidden="true"></i>
                                +012 450-388-2050
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6">
                    <div class="footer-col links">
                        <h3>Useful <span>links</span></h3>
                        <ul>
                            <li><a href="#">Web Design</a></li>
                            <li><a href="#">Web Development</a></li>
                            <li><a href="#">Bootstrap</a></li>
                            <li><a href="#">Web research</a></li>
                            <li><a href="#">PHP Tutorial</a></li>
                            <li><a href="#">Javascript</a></li>
                            <li><a href="#">Jquery</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-col twitter">
                        <h3>Recent Tweets</h3>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="footer-col newsletter">
                        <h3>our <span>newsletter</span></h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem soluta, voluptatibus et odit nesciunt illum, molestias officiis consequuntur.</p>
                        <form class="input-group">
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Enter Your Email">
                            </div>
                            <span class="input-group-btn">
                                <button class="btn btn-default sub-btn" type="submit">
                                SUBSCRIBE</button>
                            </span>
                        </form>
                        <h3><span>Social</span> Links</h3>
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Copyright Start -->
    <section class="footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p>©2018. Designed by <a href="" target="_blank">SET-Theme.</a> All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>

    <!-- Bootstrap Min js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- bootstrap-dropdownhover js -->
    <script src="js/bootstrap-dropdownhover.min.js"></script>
    <!-- imagesloaded JS -->
    <script src="js/imagesloaded.min.js"></script>
    <!-- filterizr JS -->
    <script src="js/jquery.filterizr.min.js"></script>
    <!-- typing js -->
    <script src="js/typing.js"></script>
    <!-- VideoPopUp -->
    <script src="js/VideoPopUp.jquery.js"></script>
    <!-- counterup -->
    <script src="js/jquery.counterup.min.js"></script>
    <!-- waypoints -->
    <script src="js/jquery.waypoints.min.js"></script>
    <!-- carousel -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- jarallax -->
    <script src="js/jarallax.min.js"></script>
    <!-- lightbox -->
    <script src="js/lightbox.min.js"></script>
    <!-- youtubebackground JS -->
    <script src="js/jquery.youtubebackground.js"></script>
    <!-- jquery scrollUp  JS -->
    <script src="js/jquery.scrollUp.min.js"></script>
    <!-- wow.min JS -->
    <script src="js/wow.min.js"></script>
    <!-- Main Custom JS -->
    <script src="js/custom.js"></script>

</body>

</html>
